<template>
  <div class="audition243">
    <p>1. 图片资源的预加载，懒加载，cdn加速，雪碧图/精灵图</p>
    <p>2. 减少HTTP请求，尽可能的合并脚本，CSS，图像，在用户的浏览器上缓存文件</p>
    <p>3. 压缩JS文件，图片，HTML文档，CSS文档等等。用户可以下载较小的文件，增加网页的加载速度，这样可以降低服务器的消耗</p>
    <p>4. 去除不必要的空格, 注释 减少文件的总尺寸，较小的页面可以获得更快的加载速度</p>
    <p>5. 把CSS放在顶端: css文件的加载不会阻塞dom树的解析，把CSS文件放在网站的顶端，可以让网站尽可能同时加载其他部件，如图片和文字。</p>
    <p>6. 把js放在底端: 在body闭合标签前插入js脚本,让这些脚本在后台加载的同时，用户先得到看似完整的页面。</p>
    <p>7. async异步 或 defer 推迟 加载js脚本</p>
  </div>
</template>

<script>
export default {
  name: 'Audition243'
}
</script>

<style>

</style>